// ******************************************************************1.初始化
//     富文本编辑器  demo展示缺配置项
// tinymce.init({
//   selector: '.layui-textarea',
//   language: 'zh_CN',
// });
initEditor();



//     cropper
$('#image').cropper({
  aspectRatio: 1,
  preview: '.img-preview'
});
$(".upload-btn").click(function() {
  $("#file").click();
});
$("#file").on("change", function() {

  // 1.获取图片对象；了解
  let obj = this.files[0];


  // 2.专门方法，把图片对象转化为临时URL地址: 了解
  let url = URL.createObjectURL(obj);


  // 3.替换到上面图片位置   查文档 了解
  $('#image').cropper("replace", url);
});

// ****************************************************************2.数据回填
// 1.获取id
let url = location.href;
let id = url.split("=")[1];


// 初始化：
//     下拉菜单
let form = layui.form;
$.ajax({
  url: "/my/article/cates",
  success: function(res) {
    if (res.status == 0) {
      let str = `<option value="">请选择文章类别</option>`;
      res.data.forEach(item => {
        str += `<option value="${item.Id}">${item.name}</option>`;
      });
      $("select").html(str);
      form.render("select");

      // 
      get();
    }
  }
});


// 2.获取该详情数据
function get() {
  $.ajax({
    url: "/my/article/" + id,
    success: function(res) {
      // console.log(res);
      if (res.status == 0) {
        // console.log(res.data);
        form.val("edit", res.data);

        // 插件：了解
        $('#image').cropper("replace", 'http://ajax.frontend.itheima.net' + res.data.cover_img);
      }
    }
  });
}



// ******************************************************************3.更新（仿造新增JS代码）
$("form").on("submit", function(e) {
  e.preventDefault();

  let fd = new FormData(this);
  fd.append("Id", id);

  fd.set("content", tinyMCE.activeEditor.getContent()); // 富文本

  let obj = $('#image').cropper('getCroppedCanvas', {
    width: 280,
    height: 280
  });
  obj.toBlob(function(blob) {
    fd.append("cover_img", blob);

    $.ajax({
      processData: false, //
      contentType: false, //重要
      url: "/my/article/edit",
      type: "POST",
      data: fd,
      success: function(res) {
        layer.msg(res.message);
        if (res.status == 0) {

          window.parent.document.querySelector("#list").click();
        }
      }
    })


  });





})